@charset "utf-8";
body,ul,ol,li,p,h1,h2,h3,h4,h5,h6,form,fieldset,table,td,img,div{ margin:0; padding:0; }
body{ font-weight:normal; font-size:12px; color:#000; font-family:"PingFang SC","SimSun","宋体","Microsoft Yahei","Arial"; background:#fff; }
ul,li{ list-style: none; } input:focus,textarea:focus,select:focus{ outline:0; }:focus{ outline:0; }
a,a:hover{ text-decoration:none; cursor:pointer; outline:0; }
table,td{ border-collapse: collapse; border-spacing: 0; } a { color:#000; } a:hover{ color:#f00; } img{ border:none; vertical-align:middle; }
.left{ float:left; } .right{ float:right; } .clear{ clear:both; } .clear-left{ clear:left; } .clear-right{ clear:right; }
.hand{ cursor: pointer; } .hide,.nada{ display:none; } .block{ display:block; }
.text-center,.tcenter{ text-align:center; } .text-left,.tleft{ text-align:left; } .text-right,.tright{ text-align:right; } .text-justify{ text-align:justify; }
.f13 { font-size:13px;} .f14 { font-size:14px;} .f16 { font-size:16px;} .f18 { font-size:18px;} .f24 { font-size:24px;} .f36{ font-size:36px;}
.bold,.strong{ font-weight:bold; } .normal { font-weight:normal;} .italic { font-style:italic; }
.black{ color:#000; } .white{ color:#FFF; } .red,.error{ color:#F00; } .blue{ color:#00F; }  .green{ color:#0F0; } .purple{ color:#F0F; }
.grey,.gray{ color: #aaa; } .grey3{ color:#333; } .grey6{ color:#666; } .grey9{ color:#999; }
.px5{ padding: 5px 0 0 0;}.px10{ padding: 10px 0 0 0;}.px20 { padding: 20px 0 0 0; }
.line15 { line-height: 1.5; }
.button_blue { display: inline-block; padding: 0 48px; font-size: 14px; color: #fff; height: 32px; line-height: 32px; text-align: center; background: #00A7FF; border: none; cursor: pointer; }
.button_blue:hover { color: #fff; background: #f5434c; }
.button_invalid { display: inline-block; padding: 0 24px; font-size: 14px; color: #333; border: 1px solid #ccc; border-radius: 3px; height: 30px; line-height: 28px; text-align: center; background: #c8c8c8; }

/* notice */
.notice { display: none; position:fixed; width: 320px; min-height: 60px; box-shadow: 3px 6px 8px #999; z-index: 1314; }
.notice div { padding: 22px 24px 24px 24px; background: #4790ea; color: #fff; text-align: center; font-size: 13px; font-family: 'Microsoft Yahei'; line-height: 1.2; }
.mask_overlay {position: absolute; top: 0; left: 0; width: 100%; z-index: 1100; background:url(../images/mask.png) left top repeat; display: none; }
.mask_box { position: fixed; width: 320px; min-height: 60px; box-shadow: 3px 6px 8px #666; z-index: 1314; }
.mask_boxer { padding: 12px 16px 12px 16px; background: #009AAD; color: #fff; text-align: center; font-size: 13px; font-family: 'Microsoft Yahei'; line-height: 1.2; }
.mask_boxer .mask_close { padding: 12px 0 0 0; font-size: 12px; } .mask_close a{ color: #ddd; }
.center_box { position: absolute; width: 320px; min-height: 60px; z-index: 1314;}
.center_wrap { padding: 6px; background:url(../images/mask.png) left top repeat;  }
.center_boxer { padding: 24px 18px 36px 18px; background: #fff;  }
.center_box .close { width: 20px; height: 20px; background: url(../images/icon3.png) 0 -136px no-repeat; }
.center_box .icon { height: 32px; text-align: left; float: left; width: 180px; font-size: 14px; font-family: 'Microsoft Yahei'; line-height: 24px; padding: 0 0 0 40px; background: url(../images/icon3.png) 0 -64px no-repeat;  }
.icon2 { display: inline-block; height: 30px; width: 114px; font-size: 13px; color: #fff; font-family: 'Microsoft Yahei'; line-height: 30px; background: url(../images/icon3.png) 0 0 no-repeat;  } .icon2:hover{ color: #fff; }